<style scoped>
.totalR {
  float:right;
  margin-right:8px;
  margin-top:6px;
  font-size: 14px;
  color:#666;
}
</style>
<!--  -->
<template>
  <div class="repertory-refuse">
    <TipTotal title="资源回收站">
      <div>
        <OperateRepertoryRefuseList :resetData="resetData" :total="total" />
      </div>
      <template slot="total">
        <p class="totalR" v-if="total">回收站总数：{{total}}</p>
      </template>
    </TipTotal>

    <!-- 列表数据 -->
    <DataTable
      ref="repertoryDataTable"
      :where="where"
      :dataTotal="dataTotal"
    />
    <div style="height: 18px;"></div>
  </div>
</template>

<script>
import TipColla from '@/components/common/TipColla.vue'
import TipTotal from '@/components/common/TipTotal.vue'
import OperateRepertoryRefuseList from '@/components/main/user/repertory/refuse/OperateRepertoryRefuseList.vue'
import DataTable from '@/components/main/user/repertory/refuse/DataTable.vue'

export default {
  data () {
    return {
      total: 0,
      // 搜索条件
      where: {
        labelId: -1,
        type: -1,
        originalFilename: ''
      }
    }
  },
  computed: {
  },
  components: {
    TipColla,
    TipTotal,
    OperateRepertoryRefuseList,
    DataTable
  },
  methods: {
    dataTotal (total) {
      this.total = '' + total
    },
    // 重置数据
    resetData () {
      this.$refs['repertoryDataTable'].resetData()
    }
  }
}

</script>
